﻿@charset "utf-8";

body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
}

.banner {
    width:100%;
    margin: 0px auto 0px auto;
    position: relative;
    overflow: hidden;
    z-index: -1;
}

    .banner > img {
        width: 1140px;
    }

    .banner .banner_pic .pic {
        display: none;
        width: 1100px;
    }

    .banner .banner_pic .current {
        display: block;
        width: 100%;
    }

    .banner ul {
        display: flex;
        list-style: none;
        width:100%;
        height: 40px;
        bottom: 6%;
        background-color: #e3e2e2;
    }

        .banner ul .but {
            float: left;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            text-align: center;
            line-height: 22px;
            background: #fff;
            font-weight: bold;
            opacity: 0.5;
        }

        .banner ul li {
            flex: 1;
            cursor: pointer;
        }

        .banner ul .current {
            color: #fff;
            float: left;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            text-align: center;
            line-height: 22px;
            font-size: 16px;
            font-weight: bold;
        }

.img {
    width: 100%;
    height:427px;
}
